$(function () {
    class Elevator {
        constructor() {
            this.bindEvent();
        }

        bindEvent() {
            $(document).on("scroll" , () => throttling(this.scroll));
            $(".elevator-item").first().on("click", () => { this.click(0) });
            $(".elevator-item:eq(1)").on("click", () => { this.click(1) });
            $(".elevator-item").last().on("click", () => { this.click(2) });
        }

        scroll() {
            if ($(".floor").first().offset().top < $('body').scrollTop() + $('html').scrollTop() + $(window).height() / 2) {
                $(".block-elevator").css("height", "160px")
            } else {
                $(".block-elevator").css("height", "0px")
            }
            if ($(".floor").last().offset().top < $('body').scrollTop() + $('html').scrollTop()) {
                $(".block-elevator").css("width", "0px")
            } else {
                $(".block-elevator").css("width", "50px")
            }
            if ($('body').scrollTop() + $('html').scrollTop() >= 900 && $('body').scrollTop() + $('html').scrollTop() < 1500) {
                // console.log(21351)
                $(".elevator-item:eq(0)").css("background-color","#00bcbf")

                $(".elevator-item:eq(1)").css("background-color","#b7b7b7")

                $(".elevator-item:eq(2)").css("background-color","#b7b7b7")

            }
            if ($('body').scrollTop() + $('html').scrollTop() >= 1500 && $('body').scrollTop() + $('html').scrollTop() < 2100) {
                
                $(".elevator-item:eq(0)").css("background-color","#b7b7b7")

                $(".elevator-item:eq(1)").css("background-color","#00bcbf")

                $(".elevator-item:eq(2)").css("background-color","#b7b7b7")

            }
            if ( $('body').scrollTop() + $('html').scrollTop() >= 2100) {
                
                $(".elevator-item:eq(0)").css("background-color","#b7b7b7")

                $(".elevator-item:eq(1)").css("background-color","#b7b7b7")
                
                $(".elevator-item:eq(2)").css("background-color","#00bcbf")

            }
        }

        click(i) {
            $('body,html').animate({
                scrollTop: $(".floor").first().offset().top -300 + i * 600
            }, 300)
        }
    }

    new Elevator();
})